<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
<meta content="yes" name="apple-mobile-web-app-capable"/>
<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
<title>签到领流量</title>
<script src="js/jquery-1.10.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
	<section class="sign-in-wrap">
		<ul class="flow-info">
			<li>手机号码:<span>XXXXXXXXXXX</span></li>
			<li>您的省内流量:<span>XXXX</span></li>
			<li>您的国内流量:<span>XXX</span></li>
		</ul>
		<p class="note">（温馨提示：本公众号流量只赠送给江西手机号）</p>
		<p class="btn-wrap"><span class="btn btn-primary jq-signIn">签到赠送XM流量</span></p>
		<ul class="sign-in-situation">
			<li>
				<p><span class="num">0</span>天</p>
				<p>您在公众号共签到</p>
			</li>
			<li>
				<p><span class="num">0</span>天</p>
				<p>您最近连续签到</p>
			</li>
		</ul>
		<div class="adv-wrap">

		</div>
	</section>
	<div class="overlay"></div>
	<div class="tips-pop">
		<p></p>
	</div>
	<script type="text/javascript">
		$(document).ready(function(){
			$('.jq-signIn').on('click',function(){
				$('.tips-pop p').text('签到成功,获得X.XM流量');
				$('.overlay,.tips-pop').addClass('in');
				window.setTimeout(function(){
					$('.overlay,.tips-pop').removeClass('in');
				},1500);
			});
			
		});
	</script>
</body>
</html>